.header{
	height:70px;
	width:100%;
	position:absolute;
	-webkit-box-shadow: #000 0px 2px 10px;
	-moz-box-shadow: #000 0px 2px 10px;
	box-shadow: #000 0px 2px 10px;
	border:solid #151515 1px;
	z-index:100;
}
.logo{
	width:110px;
	height:70px;
	float:left;
	border-left:solid #0b0b0b 2px;
	border-right:solid #0b0b0b 2px;
}
.logo img{padding:15px 10px;}
.logo:hover {
	-webkit-box-shadow: inset #0e0e0e 0px 0px 15px;
	-moz-box-shadow: inset #0e0e0e 0px 0px 15px;
	box-shadow: inset #0e0e0e 0px 0px 15px;
}
.menu div {
	height:30px;
	float:left;
	padding:20px 10px;
	border-right:solid #0b0b0b 2px;
	text-align:center;
	font-size:30px;
	font-weight:600;
	text-shadow:#000 0px 1px 3px;
}
.menu a {color:#646464;}
.menu a.now {color:#04a1c0;}
.menu a:hover {color:#04a1c0;}
.menu a div:hover{
	-webkit-box-shadow: inset #0e0e0e 0px 0px 15px;
	-moz-box-shadow: inset #0e0e0e 0px 0px 15px;
	box-shadow: inset #0e0e0e 0px 0px 15px;
}
.search{
	width:220px;
	height:55px;
	float:right;
	padding-top:15px;
	border-left:solid #0b0b0b 2px;
	border-right:solid #0b0b0b 2px;
}
.search div {
	float:left;
	padding-left:15px;
}
.search input#search {
	height:41px;
	width:125px;
	margin-top:1px;
	font-size:16px;
	letter-spacing:2px;
}
.sign div{
	height:20px;
	float:right;
	padding:25px 10px;
	border-left:solid #0b0b0b 2px;
	text-align:center;
	font-size:24px;
	font-weight:600;
	text-shadow:#000 0px 1px 3px;
	-webkit-transition: all 200ms ease-out;
	-mozilla-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.sign a {color:#646464;}
.sign a.now {color:#04a1c0;}
.sign a:hover {color:#04a1c0;}
.sign a div{
	-webkit-transition: all 200ms ease-out;
	-mozilla-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.sign a div:hover{
	-webkit-box-shadow: inset #0e0e0e 0px 0px 15px;
	-moz-box-shadow: inset #0e0e0e 0px 0px 15px;
	box-shadow: inset #0e0e0e 0px 0px 15px;
}


.signafter .word{
	height:20px;
	float:right;
	color:#646464;
	padding:25px 10px;
	border-left:solid #0b0b0b 2px;
	text-align:center;
	font-size:22px;
	text-shadow:#000 0px 1px 3px;
	-webkit-transition: all 200ms ease-out;
	-mozilla-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
}
.signafter .outbutton {
	height:20px;
	float:right;
	padding:25px 5px;
	font-size:22px;
	border-left:solid #0b0b0b 2px;
	color:#646464;
}
.signafter a div:hover {
	color:#04a1c0;
	-webkit-box-shadow: inset #0e0e0e 0px 0px 15px;
	-moz-box-shadow: inset #0e0e0e 0px 0px 15px;
	box-shadow: inset #0e0e0e 0px 0px 15px;
}

.main {
	padding-top:60px;
}
.terretourne{
	width:780px;
	margin-left:110px;;
	z-index:10;
	-webkit-animation: cssAnimation 60s infinite linear;
	-moz-animation: cssAnimation 60s infinite linear;
	-o-animation: cssAnimation 60s infinite linear;
	margin-top:-40px;
	position:relative;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg); }
to { -o-transform: rotate(360deg); }
}

.latestbox .tittle {margin:30px 0 10px 30px;}
.popularbox .tittle {margin:30px 0 10px 30px;}
.tittle{
	float:left;
	color:#646464;
	font-size:30px;
	font-weight:600;
	text-shadow:#000 0px 1px 3px;
}
.button.more {
	font-size:24px;
	float:right;
	margin-top:20px;
	margin-right:25px;
}
.example{
	width:1000px;
	height:300px;
	-webkit-box-shadow: #0e0e0e 0px 2px 10px;
	-moz-box-shadow: #0e0e0e 0px 2px 10px;
	box-shadow: #0e0e0e 0px 2px 10px;
	border:solid #0b0b0b 1px;
}
.example .single {
	float:left;
	width:250px;
	height:300px;
	background:url(../images/single-bg.png);
	color:#646464;
	-webkit-transition: all 200ms ease-out;
	-mozilla-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.example .single:hover {
	color:#04a1c0;
	background:url(../images/single-bg-hover.png);
	-webkit-box-shadow: inset #0e0e0e 0px 0px 15px;
	-moz-box-shadow: inset #0e0e0e 0px 0px 15px;
	box-shadow: inset #0e0e0e 0px 0px 15px;
}
.single .img {
	width:196px;
	margin:50px auto;
}
.single .name {
	widhth:200px;
	margin:0 auto;
	font-size:20px;
	font-weight:600;
	text-shadow:#000 0px 1px 3px;
	text-align:center;
}

.wrongbox, .okbox, .waitbox{
	margin-left:15%;
	width:70%;
	height:auto;
	padding:40px 0;
	margin-top:60px;
	font-size:24px;
	text-align:center;
	background:url(../images/signbox-bg.png);
	-webkit-box-shadow: #0e0e0e 0px 2px 10px;
	-moz-box-shadow: #0e0e0e 0px 2px 10px;
	box-shadow: #0e0e0e 0px 2px 10px;
	border:solid #151515 1px;
	color:#646464;
}